/* 头部 */
.header .nav li:nth-child(3)::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #e14f60;
  position: absolute;
  top: 0;
  left: 0;
}

.header .nav li:nth-child(3) a {
  color: #e14f60 !important;
}

/* 关于我们 */
.about {
  text-align: center;
  color: #fff;
  padding-top: 1.5rem;
  padding-bottom: 2.86rem;
  background: linear-gradient(to right, #e57f8b, #dd4355);
  background: -webkit-linear-gradient(to right, #e57f8b, #dd4355);
  background: -moz-linear-gradient(to right, #e57f8b, #dd4355);
}

.about h1 {
  font-size: .74rem;
}

.about>p {
  width: 70%;
  margin: 0 auto;
  line-height: .34rem;
  font-size: .24rem;
  margin-top: .65rem;
}

.about .about_detail {
  /* width: 15.1rem; */
  margin: 1.94rem auto 1.13rem;
  text-align: center;
  display: flex;
}

.about .about_detail .item {
  flex: 1;
}

.about .about_detail img {
  width: 1.9rem;
  height: 0.54rem;
}

.about .about_detail h3 {
  font-size: .25rem;
  margin: .92rem 0 .2rem;
}

.about .about_detail p {
  letter-spacing: .05rem;
  line-height: .27rem;
  font-size: .2rem;
  margin: 0 .61rem;
}

/* 广告 */

.ad .middle {
  display: flex;
  justify-content: space-around;
  padding: .8rem 0 1.18rem;
  background-color: #fff;
  border-radius: 2%;
  position: relative;
  top: -1.6rem;
  box-shadow: 0 10px 10px #eee;
}

.ad .middle .card {
  width: 28%;
}

.ad .middle .card img {
  width: 0.86rem;
  height: 0.86rem;
}

.ad .middle .card h3 {
  font-size: .28rem;
  color: #031d5b;
  margin: .4rem 0 .32rem;
}

.ad .middle .card hr {
  margin: 0;
  height: .04rem;
  width: 0.72rem;
  background-color: #dc3e51;
  margin-bottom: .24rem;
}

.ad .middle .card p {
  font-size: .2rem;
  line-height: .4rem;
  color: #5b6c94;
}

/* 加入企业版 */
.join {
  text-align: center;
}

.join>.title {
  font-size: .56rem;
  color: #dc3f51;
}

.join>.desc {
  font-size: .24rem;
  color: #324148;
  margin-top: .6rem;
  margin-bottom: 0.22rem;
}

.join .middle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.join .middle li {
  width: 22%;
  margin-top: .84rem;
  display: flex;
  align-items: center;
}

.join .middle li img {
  width: 36%;
  border-radius: 50%;

}

.join .middle li .right {
  width: 58%;
  text-align: left;

}

.join .middle li .right h4 {
  font-size: .21rem;
  margin-top: .14em;
  margin-bottom: .1rem;
}

.join .middle li .right p {
  font-size: .18rem;
  color: #898d90;
}

.join .type {
  width: 66%;
  margin: 1.4rem auto 0;
}

.join .type ul {
  display: flex;
  justify-content: space-between;
}

.join .type ul li {
  width: 30%;
  text-align: center;
  padding-left: .5rem;
  padding-right: .44rem;
  padding-bottom: .73rem;
  position: relative;
  background-color: #fff;
}

.join .type ul li img:first-child {
  width: 60%;
}

.join .type ul li h3 {
  font-size: .24rem;
  color: #dd4556;
  margin: .65rem auto .48rem;
}

.join .middle li .right {
  text-align: center;

}

.join .type ul li .desc {
  font-size: .16rem;
  color: #898d90;
  line-height: .26rem;
}

.join .type ul li .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

.join .service {
  width: 80%;
  margin: 0 auto;
  padding: .84rem 1rem;
  background-color: #fff;
  position: relative;
  top: 2rem;
  z-index: 2;
}

.join .service ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.join .service ul li {
  width: 30%;
  text-align: center;
  font-size: .35rem;
}

.join .service ul li img {
  height: 20%;
}

.join .service ul li h3 {
  font-size: .35rem;
  margin: .24rem 0 .33rem;
}

.join .service ul li p {
  color: #a3a3a3;
}

/* 底部 */
.footer {
  margin-top: 0;
  padding-top: 4.5rem;
  position: relative;
}

.footer .logo_list {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
}

.footer .logo_list .middle ul {
  display: flex;
  justify-content: space-between;
}

.footer .logo_list .middle ul li {
  width: 15%;
  background-color: #fff;
  text-align: center;
  color: #e14f60;
  font-size: .42rem;
  height: .65rem;
  line-height: .65rem;
}

@media screen and (max-width:1280px) {
  .join .middle li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .join .middle li .right {
    text-align: left;

  }

  .join .middle li .right h4 {
    font-size: .16rem;
    margin-top: 1.14em;
    margin-bottom: .1rem;
  }

  .join .middle li .right p {
    font-size: .14rem;
  }

  .join .type {
    width: 80%;
  }

  .join .type ul li {
    padding-left: .3rem;
    padding-right: .4rem;
    padding-bottom: .6rem;
  }

  .footer .logo_list {
    top: 40%;
  }

  .footer .logo_list .middle ul li {
    font-size: .24rem;
  }
}

@media screen and (max-width:768px) {
  .about .about_detail img {
    width: 1.66rem;
    height: 0.5rem;
  }

  .ad .middle {
    padding: .8rem 0 .6rem;
    top: -1.1rem;
  }

  .join .middle li {
    width: 46%;
    margin-top: .84rem;

  }

  .join .middle li {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .join .type {
    width: 100%;
    margin: 1.4rem auto 1.14rem;
  }

  .join .type ul li {
    padding-left: .1rem;
    padding-right: .1rem;
    padding-bottom: .4rem;
  }

  .join .service {
    width: 92%;
    padding: .3rem .4rem;
    background-color: #fff;
    position: relative;
    top: .3rem;
  }

  .footer {
    padding-top: 2.6rem;
  }

  .footer .logo_list {
    top: 15%;
  }

  .footer .logo_list .middle ul li {
    font-size: .2rem;
  }
}